import { styled } from "styled-components";


const EntireRoomsWrapper = styled.div`
  padding: 40px 30px;
  position: relative;

  h2{
    color: #222;
    span{
      font-weight: 700;
    }
  }
  
  .list{
    margin:0 -8px;
    display: flex;
    flex-wrap: wrap;
  }

  .cover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .8);
  }

`

export default EntireRoomsWrapper